<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="js/jquery-3.4.1.min.js"></script>
</head>
<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li class="l1">3</li>
        <li>4</li>
        <li>5</li>
    </ul>
    <script>
    $(function(){
        // 过滤选择器
        $("li:first").css("color","red")
        $("li:last").css("color","blue")
        $("li:not(.l1)").css("color","green")
        $("li:even").css("background","red") //选奇数
        $("li:odd").css("background","yellow")
        
// $(‘p:eq(index)’)
// 选取索引等于index的p元素(索引从0开始,索引支持负数)

// $(‘p:gt(index)’)
// 选取索引>index的p元素(索引从0开始)

// $(‘p:lt(index)’)
// 选取索引<index的p元素(索引从0开始)

// $(‘:header’)
// 选取标题元素h1~h6

// $(‘:animated’)
// 选取正在执行动画的元素

// $(‘input:focus’)
// 选取当前被焦点的元素



    })
    </script>
</body>
</html>